<link href="static/css/home.css" rel="stylesheet">
<link href="static/css/init_head_footer_jj.css" rel="stylesheet">
<script src="static/js/jquery-3.0.0.min.js"></script>
<script src="static/js/home.js"></script>
<div class="header-top">
    <div class="ht-inner">
        <div class="ht-left">您好！欢迎来到牵标</div>
        <div class="ht-right">
            <a href="#">注册</a> | <a href="#">登录</a><span>|</span> <i></i>客服免费热线： 4009-009-286
        </div>
    </div>
</div>
<div class="header-center">
    <div class="hc-left" style="background:url(http://pic.86sb.com/sbgjgg/2018-12-30/201812301458165.gif) no-repeat;width: 236px;height: 75px;"></div>
    <div class="hc-center">
        <form id="head_search" class="searchinfor"> <em class="search-icon"></em>
            <input type="text" class="heard_search_keys text" name="search_keys" autofocus="" placeholder="请输入商标名称或编号" value="">
            <a href="#"><button class="search-btn">搜索</button></a>
        </form>
    </div> <a href="#" class="hc-right">出售商标</a>
</div>
<div class="head-meanu-nav">
    <ul class="nav-inner">
        <li class="meanus"><a href="/" class="home after active">首页</a></li>
        <li class="buy-brand meanus after">
            <a href="#">购买商标</a>
            <div class="buy-box">
                <div class="bb-left">
                    <h4>商品分类 <a href="#">第十版商标分类表</a></h4>
                    <ul class="bb-list">
                        <!-- each -->
                        <li><a href="#">商标分类</a></li>
                        <!-- each -->
                    </ul>
                </div>
                <div class="bb-center">
                    <h4>推荐商标</h4>
                    <ul class="bb-img">
                        <!-- each -->
                        <!-- <li>
                                        <a href="#">
                                            <img src="http://pic.86sb.com/sbgjgg/2019-01-03/201901030903106.jpg" width="98" height="58" alt="买卖商标找牵标,格姐">
                                        </a>
                                    </li> -->
                        <!-- each -->
                    </ul>
                </div>
                <div class="bb-right">
                    <a href="#" target="_blank"><img src="http://pic.86sb.com/sbgjgg/2018-12-10/201812101318195.jpg" alt="下拉右侧在线公证"></a>
                </div>
            </div>
        </li>
        <!-- each -->
        <li class="meanus"><a href="#">商标注册</a></li>
        <li class="meanus"><a href="#">logo设计</a></li>
        <li class="meanus"><a href="#">网站建设</a></li>
        <li class="meanus"><a href="#">专利申请</a></li>
        <li class="meanus"><a href="#">版权申请</a></li>
        <li class="meanus"><a href="#">天猫店铺</a></li>
        <li class="meanus"><a href="#">400号码</a></li>
        <li class="meanus"><a href="#">知识产品服务</a></li>
        <!-- <li class="meanus"><a href="#">关于牵标</a></li> -->
        <!-- each -->
    </ul>
</div>
<div class="area">
    <div id="js" class="js">
        <div class="box01">
            <img src="static/images/banner1.jpg">
            <img src="static/images/banner2.jpg" style="display:none">
            <img src="static/images/banner3.jpg" style="display:none">
        </div>
        <div id="jsNav" class="jsNav">
            <a class="trigger imgSelected" href="javascript:void(0)"></a>
            <a class="trigger" href="javascript:void(0)"></a>
            <a class="trigger" href="javascript:void(0)"></a>
        </div>
    </div>
    <div class="area-inner">
        <div class="ai-left">
            <h3>热门商标转让分类</h3>
            <ul>
                <li>
                    <a href="javascript:void(0)"><img src="static/images/bicon_08.png" class="class_ico" />珠宝/手饰/钟/表</a>
                    <div class="sort-box">
                        <dl class="flright">
                            <dt>14类</dt>
                            <dd>
                                <a href="javascript:void(0)">钟/表(1404)</a>
                            </dd>
                        </dl>
                    </div>
                </li>
                <li>
                    <a href="javascript:void(0)"><img src="static/images/bicon_08.png" class="class_ico" />珠宝/手饰/钟/表</a>
                    <div class="sort-box sort-box1">
                        <dl class="flright1 flright">
                            <dt>14类</dt>
                            <dd>
                                <a href="javascript:void(0)">钟/表(1404)</a>
                            </dd>
                        </dl>
                    </div>
                </li>
                <li>
                    <a href="javascript:void(0)"><img src="static/images/bicon_08.png" class="class_ico" />珠宝/手饰/钟/表</a>
                    <div class="sort-box sort-box2" style="">
                        <dl class="flright2 flright">
                            <dt>14类</dt>
                            <dd>
                                <a href="javascript:void(0)">钟/表(1404)</a>
                            </dd>
                        </dl>
                    </div>
                </li>
            </ul>
            <p class="best"><span>优质商标</span>,免费为您推荐合适商标</p>
            <div class="formTel" name="form1">
                <input type="text" name="tel" placeholder="请填写您的手机号" autofocus="" />
                <input type="submit" value="帮您选" />
            </div>
        </div>
    </div>
</div>